<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>缩略图</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <style>
        body{
            margin-top: 50px;
        }
    </style>
</head>
<body>
<!--<div class="container">-->
    <!--<div class="row">-->
        <!--<div class="col-md-2 col-xs-6">-->
            <!--<a class="thumbnail" href="#">-->
                <!--<img src="image/img1.jpg" alt=""/>-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="col-md-2 col-xs-6">-->
            <!--<a class="thumbnail" href="#">-->
                <!--<img src="image/img2.jpg" alt=""/>-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="col-md-2 col-xs-6">-->
            <!--<a class="thumbnail" href="#">-->
                <!--<img src="image/img3.jpg" alt=""/>-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="col-md-2 col-xs-6">-->
            <!--<a class="thumbnail" href="#">-->
                <!--<img src="image/img4.jpg" alt=""/>-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="col-md-2 col-xs-6">-->
            <!--<a class="thumbnail" href="#">-->
                <!--<img src="image/img5.jpg" alt=""/>-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="col-md-2 col-xs-6">-->
            <!--<a class="thumbnail" href="#">-->
                <!--<img src="image/img6.jpg" alt=""/>-->
            <!--</a>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->

<div class="container">
    <div class="row">
        <div class="  col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="image/img1.jpg" alt="">
                <div class="caption">
                    <h3>左耳</h3>
                    <p>放肆青春掀全民追忆</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="  col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="image/img2.jpg" alt="">
                <div class="caption">
                    <h3>王朝的女人·杨贵妃</h3>
                    <p>重现盛唐传奇爱情巨制</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="  col-md-3 col-xs-6" >
            <div class="thumbnail">
                <img src="image/img3.jpg" alt="">
                <div class="caption">
                    <h3>疯狂外星人</h3>
                    <p>外星人版谢耳朵</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>
        <div class="  col-md-3 col-xs-6">
            <div class="thumbnail">
                <img src="image/img4.jpg" alt="">
                <div class="caption">
                    <h3>命中注定</h3>
                    <p>汤唯异国他乡的寻爱之旅</p>
                    <p>
                        <a href="#" class="btn btn-primary" role="button">播放</a>
                        <a href="#" class="btn btn-default" role="button">下载</a>
                    </p>
                </div>
            </div>
        </div>


    </div>
</div>

<script src="js/jquery-1.12.4.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>